import styled from 'styled-components';
import {Center} from './Center';

const Button = styled.button`
  font-size: 18px;
  padding: 8px 15px;
  background: steelblue;
  color: white;
  border: none;
  border-radius: 4px;
  &:disabled {
    filter: opacity(65%);
  }
`;
const SaveButton = styled(Button)`background: steelblue;`;
const DeleteButton = styled(Button)`background: indianred;`;

const ButtonList = styled(Center)`
  flex-grow: 0;
  >button{
    margin-right: 22px;
  }
`;

export {Button, SaveButton, DeleteButton, ButtonList};